<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>大风车</title>
		<style>
			
		/*1.抓到图片元素*/
		img{
			transition: transform 10s;
		} 
		
		/*2.在图片上面进行旋转*/
		img:hover{
			transform: rotate(3600000000deg);
		}
		</style>
	</head>
	
	<body>
	      <!-- 音视频元素--参考图片元素写法   video audio
		        html5针对属性和属性值一致的情况：省去属性值
				outplay属性 自动播放一次
				controls属性 播放条
				loop-->
		  
		  <audio src="2+2.mp3" autoplay controls loop></audio>
		  <!-- 1.大风车图引入-->
		  <img src="3+3.jpg" alt="大风车"/>
		  </body>
		  
		  
</html>